<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Cart</title>
    <link rel="stylesheet" href="/css/base.css">
    <link rel="stylesheet" href="/css/cart.css">
    <link rel="stylesheet" href="/css/public.css">

    <script src="/lib/require/require.js" data-main="/js/cart"></script>
</head>
<body>
    <!-- header -->
    <header></header>


    <div class="cart-main wrap">
        <!-- 购买商品展示 -->
        <div class="cart-main-box">
            <div class="cart-main-title">
                <!-- 全选 -->
                <div class="check-all fl">
                    <input class="checkAll" type="checkbox">
                    <span>全选</span>
                </div>
                <!-- 商品信息 -->
                <div class="product-meg fl">
                    商品信息
                </div>
                <!-- 商品单价 -->
                <div class="product-price fl">
                    单价
                </div>
                <!-- 商品数量 -->
                <div class="product-num fl">
                    数量
                </div>
                <!-- 优惠 -->
                <div class="product-discount fl">
                    优惠
                </div>
                <!-- 小计 -->
                <div class="subtotal fl">
                    总价
                </div>
            </div>
            <!-- 购买的商品列表 -->
            <div class="cart-main-list">
                
            </div>
        </div>
        <!-- 购买商品结算 -->
        <div class="cart-main-sett">
            <div class="sett-left">
                <input class="checkAll" type="checkbox">
                <a class="sett-check-all" href="javascript:void(0);">全选</a>
                <a class="sett-del" href="javascript:void(0);">批量删除</a>
            </div>
            <div class="sett-right">
                <div class="commodity-price">
                    <div class="commodity-price-top">
                        合计（不含运费） :  <span class="st-t">￥ 0.00</span>
                    </div>
                    <div class="commodity-price-bom">
                            商品合计：
                            <span class="st-b">￥ 0.00</span> 
                            <span class="comm">优惠：0.0</span>
                    </div>
                </div>
                <a class="settlement" href="/html/shopping-cart.html?id=0">结算</a>
            </div>
        </div>
        <!-- 热卖商品 -->
        <div class="cart-recommending">
            <h3 class="cart-recommending-title">猜你喜欢</h3>
            <ul class="cart-recommending-list">
                <li>
                    <img src="/img/cart/icom.png" alt="">
                    <p class="cart-tpis ellipsis">Yuki原创T恤保卫星球男女卡通情侣</p>
                    <p>
                        <span class="new-price">￥38.0</span>
                        <span class="old-price">￥38.0</span>
                    </p>
                </li>
                <li>
                    <img src="/img/cart/icom.png" alt="">
                    <p class="cart-tpis ellipsis">Yuki原创T恤保卫星球男女卡通情侣</p>
                    <p>
                        <span class="new-price">￥38.0</span>
                        <span class="old-price">￥38.0</span>
                    </p>
                </li>
                <li>
                    <img src="/img/cart/icom.png" alt="">
                    <p class="cart-tpis ellipsis">Yuki原创T恤保卫星球男女卡通情侣</p>
                    <p>
                        <span class="new-price">￥38.0</span>
                        <span class="old-price">￥38.0</span>
                    </p>
                </li>
                <li>
                    <img src="/img/cart/icom.png" alt="">
                    <p class="cart-tpis ellipsis">Yuki原创T恤保卫星球男女卡通情侣</p>
                    <p>
                        <span class="new-price">￥38.0</span>
                        <span class="old-price">￥38.0</span>
                    </p>
                </li>
                <li>
                    <img src="/img/cart/icom.png" alt="">
                    <p class="cart-tpis ellipsis">Yuki原创T恤保卫星球男女卡通情侣</p>
                    <p>
                        <span class="new-price">￥38.0</span>
                        <span class="old-price">￥38.0</span>
                    </p>
                </li>
            </ul>
        </div>
    </div>

    

    <!-- footer -->
    <footer></footer>



    <script type="text/html" id="shoppingProduct">
        {{each productList curr}}
        <div class="item">
            <!-- 商品ID -->
            <span class="id" style="display:none;">{{curr.id}}</span>
            <!-- 选择 -->
            <div class="item-chech fl">
                <input class="itemCheck" type="checkbox">
                <a href=""><img src="{{curr.img}}" alt=""></a>
            </div>
            <!-- 商品信息 -->
            <div class="item-meg fl">
                <p class="item-meg-tpis ellipsis">{{curr.tpis}}</p>
                <p>{{curr.title}}</p>
            </div>
            <!-- 商品单价 -->
            <div class="item-price fl">
                <i>￥</i>
                <span class="currPrice">{{curr.price}}</span>
            </div>
            <!-- 商品数量 -->
            <div class="item-num fl">
                <div class="item-num-wrap">
                    <span class="reduce">-</span>
                    <span class="number">{{curr.num}}</span>
                    <span class="plus">+</span>
                </div>
            </div>
            <!-- 优惠 -->
            <div class="item-discount fl">
                暂无折扣
            </div>
            <!-- 小计 -->
            <div class="item-subtotal fl">
                <i>￥</i>
                <span class="subto">{{curr.price * curr.num}}</span>
                <div class="item-del"></div>
            </div>
        </div>
        {{/each}}
    </script>
</body>
</html>